<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<div style="width: 100%;height:85px ">
    <div style="width: 76%;height: 70px;border: 1px solid darkgray;margin-left: 6%;margin-top: 20px;float: left;border-radius: 25px">
        <span style="font-size: 20px;line-height: 70px;margin-left: 30px">一、css水平、垂直居中的写法，请至少写出4种？</span>
    </div>
    <div style="float: left;border: 1px solid darkgray;width: 70px;height: 70px;margin-top: 20px;margin-left: 20px;border-radius: 25px">
        <span style="font-size: 20px;line-height: 70px;margin-left: 20px">5分</span>
    </div>
</div>

<div style="width: 100%;height:85px ">
    <div style="width: 76%;height: 70px;border: 1px solid darkgray;margin-left: 6%;margin-top: 20px;float: left;border-radius: 25px">
        <span style="font-size: 20px;line-height: 70px;margin-left: 30px">二、1rem、1em、1vh、1px各自代表的含义？</span>
    </div>
    <div style="float: left;border: 1px solid darkgray;width: 70px;height: 70px;margin-top: 20px;margin-left: 20px;border-radius: 25px">
        <span style="font-size: 20px;line-height: 70px;margin-left: 20px">5分</span>
    </div>
</div>

<button type="button" style="float: left;margin-top: 50px;color: deepskyblue;border: none;font-size: 20px;margin-left: 325px;background-color: transparent">+添加</button>
</body>
</html>
